<template>
  <div class="nav">
    <mt-header title="暖心服务" class="header" fixed>
      <router-link to="" slot="left">
        <mt-button icon="back" @click="$router.go(-1)">返回</mt-button>
      </router-link>
    </mt-header>

    <div class="box">
      <img src="http://www.hrbicesnow.com/public/images/ser1.png" alt="" />
      <h4>免费WIFI</h4>
      <p>
        园区内配备无线路由器 <br>
扫描二维码免费上网 <br>
无线网名称：iceandsnow2020 <br>
      </p>
    </div>
    <div class="box">
      <img src="http://www.hrbicesnow.com/public/images/ser3.png" alt="" />
      <h4>充电服务</h4>
      <p>
        园区多处商服均有共享充电宝， <br>
供游客充电使用。
      </p>
    </div>
    <div class="box">
      <img src="http://www.hrbicesnow.com/public/2018/images/ser4.png" alt="" />
      <h4>新增升级配套设施</h4>
      <p style="text-indent: 2em">
        服务中心2个、餐饮商服园内8个 <br>
（具体位置见导游图或园区指示牌）
      </p>
    </div>
    <div class="box">
      <img src="http://www.hrbicesnow.com/public/2018/images/ser6.png" alt="" />
      <h4>防寒用品（收费项目）</h4>
      <p>
        经营各种防寒保暖用品 <br>
帽子、手套、棉鞋、手机热贴、自拍杆等
      </p>
    </div>
    <div class="box">
      <img src="http://www.hrbicesnow.com/public/2018/images/ser7.png" alt="" />
      <h4>专业导游服务</h4>
      <p>
        在服务中心可以找到专业导游 <br>
为游客提供全方位、多角度的导游服务
      </p>
    </div>
  </div>
  
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>

.nav{
    padding-top: 3vh;
    padding-bottom: 10vh;
}
.box{
    margin-top: 20px;
}
img {
  width: 123px;
  height: 123px;
  display: block;
  margin: auto;
}
h4 {
  font-size: 30px;
  text-align: center;
  margin: 10px 0px;
  color: #1584c9;
  padding-left: 5px;
  padding-right: 5px;
}
p {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
</style>